<template>
  <div>
    <div
      style="width: 80vw; display: inline"
      v-for="item in xq"
      :key="item.id"
    >
      <div style="text-align: left; font-size: 14px">
        <b>{{ item.titles }}</b>
      </div>
      <van-grid :border="false" :column-num="3">
        <van-grid-item v-for="index in item.xiangq" style="height: 13vh">
          <van-image :src="index.url" style="height: 8vh" />
          <div style="font-size: 12px">{{ index.title }}</div>
        </van-grid-item>
      </van-grid>
    </div>
  </div>
</template>
<script>
export default {
   props: {
        xq: {
            type: Array,
            default() {
                return []
            }
        }
    } 
}

</script>
<style lang="scss"></style>
